<template>
  <div class="dep-structure-export">
    <headerBar @on-export="handleExport" />
    <depStructure ref="depStructureRef" />
  </div>
</template>

<script setup lang="ts">
import { ref } from "vue";
import headerBar from "@/views/x6-deptTree/headerBar.vue";
import depStructure from "@/views/x6-deptTree/depStructure.vue";

const depStructureRef = ref<InstanceType<typeof depStructure>>();

const handleExport = data => {
  depStructureRef.value && depStructureRef.value.handleExport(data);
};
</script>

<style lang="scss" scoped></style>
